import React, { PureComponent } from 'react'
import { View } from '@tarojs/components'
import './MeditationIntroPlaceholder.scss'

export default class MeditationIntroPlaceholder extends PureComponent {
  renderCard = () => {
    const {
      count = 1
    } = this.props
    return [...Array(count)].map((item, index) => (
      <View className="meditationIntroPlaceholder" key={index.toString()}>
        <View className="coverImage skeleton-blink" />
      </View>
    ))
  }

  render() {
    return (
      <View className="meditationIntroPlaceholderContainer">
        {this.renderCard()}
      </View>
    )
  }
}
